﻿@{
    ViewBag.Title = Model.siteName+" - Thay đổi mật khẩu";
    ViewBag.Description = Model.htmlDescription;
    ViewBag.Keywords = Model.htmlKeywords;
}
@model BDShop.Models.ChangePasswordModel
<!--Left Part-->
@Html.Partial("Partial/_LeftAccMenu", null)
<!--Left End-->
<!--Middle Part Start-->
<div id="content">
    <!--Breadcrumb Part Start-->
    <div class="breadcrumb"><a href="/">Trang chủ</a> » <a href="/thong-tin-tai-khoan.html">Tài khoản</a> » <a href="#">Thay đổi mật khẩu</a> </div>
    <!--Breadcrumb Part End-->
    <h1>Thay đổi mật khẩu</h1>
    @using (Html.BeginForm("ChangePassword", "Account", FormMethod.Post, new { id = "frmChangePassword" }))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true, "", new {@class = "error"})<br/>
        <h2>Mật khẩu của bạn</h2>
        <div class="content">
            <table class="form">
                <tbody>
                    <tr>
                        <td><span class="required">*</span> Mật khẩu cũ:</td>
                        <td>
                            <input class="large-field" type="password" value="" name="oldpassword">
                            &nbsp;
                            <label id="oldpassword-error" class="error valid" for="oldpassword"></label>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="required">*</span> Mật khẩu mới:</td>
                        <td>
                            <input class="large-field" type="password" value="" name="password" id="password">
                            &nbsp;
                            <label id="password-error" class="error valid" for="password"></label>
                        </td>
                    </tr>
                    <tr>
                        <td><span class="required">*</span> Xác nhận mật khẩu:</td>
                        <td>
                            <input class="large-field" type="password" value="" name="confirm">
                            &nbsp;
                            <label id="confirm-error" class="error valid" for="confirm"></label>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="buttons">
            <div class="left">
                <input type="submit" class="button" value="Đổi mật khẩu">
            </div>
        </div>
    }
</div>
<!--Middle Part End-->
<div class="clear"></div>
<script>
    $("#frmChangePassword").validate({
        rules: {
            oldpassword: {
                required: true,
                minlength: 6,
                maxlength: 20
            },
            password: {
                required: true,
                minlength: 6,
                maxlength:20
            },
            confirm: {
                required: true,
                equalTo:"#password"
            }
        },
        messages: {
            oldpassword: {
                required: "Vui lòng cung cấp mật khẩu cũ.",
                minlength: "Mật khẩu cũ không hợp lệ.",
                maxlength: "Mật khẩu cũ không hợp lệ."
            },
            password: {
                required: "Vui lòng cung cấp mật khẩu mới.",
                minlength: "Mật khẩu mới không hợp lệ.",
                maxlength: "Mật khẩu mới không hợp lệ."
            },
            confirm: {
                required: "Vui lòng cung cấp mật khẩu xác nhận.",
                equalTo: "Mật khẩu xác nhận khác mật khẩu mới."
            }
        }
    });
   
</script>